<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/common/head.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="renderer" content="webkit">
		<title>自动化办公系统</title>
		<link href="${resource }/css/bootstrap.css" rel="stylesheet">
<!--		<link href="font-awesome/css/font-awesome.css?v=4.3.0" rel="stylesheet">-->
		<%-- <link href="${resource }/css/style.css?v=2.2.0" rel="stylesheet">
		<link rel="stylesheet" href="${resource }/css/iconfont.css" /> --%>
		<link rel="stylesheet" href="${resource }/css/style3.css">
		<script type="text/javascript" src="${resource }/js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="${resource }/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="${resource }/js/echarts.min.js"></script>
	</head>
<body>
    <div class="container">
          <div class="row">
                 <div class="col-md-4  div  col-lg-4 col-sm-6">
                 	<div class="div1">
                 		<span class="sh2">公司新闻</span>
                 		<a href="#">更多>></a>
                 	</div >
                 	<div class="div2">
                 		<ul>
                 			<li class="li1"><a href="#">市长代表市政府来我公司视察</a></li>
                 			<li class="li1"><a href="#">昨天公司召开表彰大会</a></li>
                 			<li class="li1"><a href="#">总经理在新春到来之际慰问一线普通员工</a></li>
                 			<li class="li1"><a href="#">各部门党支部召开年终总结大会</a></li>
                 			<li class="li1"><a href="#">公司上下召开学习习主席重要讲话</a></li>
                 			<li class="li1"><a href="#">祝愿公司员工春节快乐</a></li>
                 			<li class="li1"><a href="#">市长代表市政府来我公司视察</a></li>
                 			<li class="li1"><a href="#">昨天公司召开表彰大会</a></li>
                 			<li class="li1"><a href="#">总经理在新春到来之际慰问一线普通员工</a></li>
                 			<li class="li1"><a href="#">各部门党支部召开年终总结大会</a></li>
                 			<li class="li1"><a href="#">公司上下召开学习习主席重要讲话</a></li>
                 
                 		</ul>
                 	</div>
                 </div>
                 
                 <div class="col-md-4  div  col-lg-4 col-sm-6">
                 	<div class="div1">
                 		<span class="sh2">系统概况</span>
                 	</div>
                 	<div class="div2" id="echarts1" ></div>
                 	<script type="text/javascript">
                 		var myChart = echarts.init(document.getElementById('echarts1'));
                 		option = {
                        title: {
                        text: '系统概况',
                               },
                        tooltip: {
                        trigger: 'axis'
                         },
                         legend: {
                         data:['去年','今年']
                         },
                         toolbox: {
                           show: true,
                           feature: {
                           dataZoom: {
                              yAxisIndex: 'none'
                         },
                         dataView: {readOnly: false},
                         magicType: {type: ['line', 'bar']},
                         restore: {},
                         saveAsImage: {}
                         }
                    },
                         xAxis:  {
                            type: 'category',
                            boundaryGap: false,
                            data: ['1月','2月','3月','4月','5月','6月']
                         },
                          yAxis: {
                               type: 'value',
        
                          },
                        series: [
                        {
                         name:'去年负载',
                         type:'line',
                         data:[2000, 2400, 3800, 3803, 3820, 3413],
            
                        },
                        {
                         name:'今年负载',
                         type:'line',
                         data:[4500, 3900, 2900, 4000, 5300, 6600],
                        }
                        ]
                    };
                    myChart.setOption(option);		
                 	</script>
                 </div>
                 <div class="col-md-4  div col-lg-4 col-sm-6">
                 	<div class="div1">
                 		<span class="sh2">通知公告</span>
                 		<a href="../notice/showAllNotice.do">更多>></a>
                 	</div>
                 	<div class="div2">
                 	   <c:forEach items="${nList}" var="list">
                 		<ul>
                 			<li class="li1"><a href="showDetail.do?id=${list.id }">${list.noticeTitle }</a></li>
                 		</ul>
                 		</c:forEach>
                 	</div>
                 </div>
          </div> 
      </div>
          <div class="container">
           <div class="row">
                 <div class="col-md-4  div  col-lg-4 col-sm-6">
                 	<div class="div1">
                 		<span class="sh2">知识管理</span>
                 		<a href="#">更多>></a>
                 	</div>
                 	<div class="div2">
                 		<ul>
                 			<li class="li1"><a href="#">总经理知识管理</a></li>
                 			<li class="li1"><a href="#">人事部知识管理</a></li>
                 			<li class="li1"><a href="#">知识管理你我他</a></li>
                 			<li class="li1"><a href="#">公司这一年的知识管理</a></li>
                 			<li class="li1"><a href="#">公司上下召开学习习主席重要讲话</a></li>
                 			<li class="li1"><a href="#">祝愿公司员工春节快乐</a></li>
                 			<li class="li1"><a href="#">昨天公司召开表彰大会</a></li>
                 			<li class="li1"><a href="#">总经理在新春到来之际慰问一线普通员工</a></li>
                 			<li class="li1"><a href="#">各部门党支部召开年终总结大会</a></li>
                 			<li class="li1"><a href="#">公司上下召开学习习主席重要讲话</a></li>
                 			
                 		</ul>
                 	</div>
                 </div>
                 <div class="col-md-4  div  col-lg-4 col-sm-6">
                 	<div class="div1">
                 		<span class="sh2">我的考勤</span>
                 	</div>
                 	<div class="div2" id="echarts2"></div>
                 	<script type="text/javascript">
                 		var myChart = echarts.init(document.getElementById('echarts2'));
                 		var  option = {
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b}: {c} ({d}%)"
                         },
                        legend: {
                            orient: 'vertical',
                            x: 'left',
                            data:['正常工作','出差','请假','加班']
                        },
                        series: [
                       {
                         name:'考勤方面',
                         type:'pie',
                         radius: ['50%', '70%'],
                         avoidLabelOverlap: false,
                         label: {
                         normal: {
                           show: false,
                           position: 'center'
                        },
                       emphasis: {
                         show: true,
                         textStyle: {
                         fontSize: '30',
                         fontWeight: 'bold'
                         }
                    }
                },
                     labelLine: {
                     normal: {
                     show: false
                    }
                },
                    data:[
                      {value:20, name:'正常工作'},
                      {value:3, name:'出差'},
                      {value:2, name:'请假'},
                      {value:5, name:'加班'},
                    ]
                 }
             ]
        };
                   myChart.setOption(option);
                 	</script>
                 </div>
                 <div class="col-md-4  div col-lg-4 col-sm-6">
                 	<div class="div1">
                 		<span class="sh2">我的邮件</span>
                 		<a href="#">更多>></a>
                 	</div>
                 		<div class="div2">
                 		<ul>
                 			<c:forEach items="${mailBoxs}" var="mailBox">
                 				<li class="li1"><a href="http://localhost:8080/back0806/mail/detail.do?mailId=${mailBox.mailId }">${mailBox.mailTitle }</a></li>
                 			</c:forEach>
                 		</ul>
                 	</div>
                 	
                 </div>
          </div>
     </div>	 

</body>
</html>